<div class="user-list">
	<div class="main1">
		<div class="top_left">
			<img title="logo.png" src="//img14.360buyimg.com/cms/jfs/t1/118329/23/8900/78128/5ed4a6b5Ea26c1d2c/a3344df6c2e88af1.png" /> 
			<div class="att">
				<img src="//img11.360buyimg.com/cms/jfs/t1/125020/20/3626/594/5ed4b304Ee4c83493/e77286a93d6b7a74.png" alt="">
				关注
			</div>
		</div>
		<div class="top_right">
			<div class="tu">
				<img title="index(1)_05.jpg" src="//img14.360buyimg.com/cms/jfs/t1/129302/30/3712/7637/5ed4c414E9971d274/8d16e4ae006c33dc.jpg" />
				<div class="juxing">
					<div class="hot">
						爆款推荐
					</div>
					<div class="cun">
						丘比灰
					</div>
					<div class="lists">
						800x800cm
					</div>
				</div>
			</div>
			<!-- <img title="index(1)_01.jpg" src="//img10.360buyimg.com/cms/jfs/t1/135741/24/1044/62654/5ed4cba9E2faa9e40/1dacf94150bd9a2a.jpg" /> -->
			<img title="index(1)_02.jpg" class="teacher" src="//img13.360buyimg.com/cms/jfs/t1/113705/11/8800/16372/5ed4c968E92b73b02/650c2593cb139e63.jpg" />
		</div>
	</div>
</div>
<style>
	.userDefinedArea{width: 100% !important;}
	.user-list {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		background-size: 110% 100%;
		background-position: center;
		background-color: #fff;
		background-image: url("//img10.360buyimg.com/cms/jfs/t1/135741/24/1044/62654/5ed4cba9E2faa9e40/1dacf94150bd9a2a.jpg");
		background-repeat: no-repeat;
		
	}
	
	
	.user-list .main1{
		width:100%; 
		max-width:1200px; 
		margin:0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.user-list .main1 img{
		width: 360px;
		height: 70px;
	}
	
	.user-list .main1 .top_left{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	.user-list .main1 .top_right {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.user-list .main1 .top_right .tu{
		display: flex;
		margin-right: 50px;
		align-items: center;
		justify-content: center;
	}
	.user-list .main1 .top_right .tu img{
		width: 100px;
		height: 100px;
	}
	
	.user-list .main1	.att{
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #cf010e;
		border-radius: 10px;
		margin-left: 30px;
		width: 50px;
		color: #fff;
	}
	.user-list .main1	.att > img{
		width: 15px;
		height: 15px;
	}
	.user-list .cun {
		font-size: 18px;
		font-family: "SourceHanSansCN";
		color: rgb( 31, 31, 31 );
		text-align: center;
	}
	 .user-list	.lists {
		font-size: 18px;
		font-family: "Arial";
		color: rgb( 31, 31, 31 );
		text-align: center;
	}
	.user-list .hot{
		font-size: 18px;
		font-family: "SourceHanSansCN";
		color: rgb( 255, 255, 255 );
		background-color: rgb( 190, 7, 16 );
		width: 121px;
		height: 26px;
		text-align: center;
	}
	.user-list .main1 .top_right .teacher{
		width: 180px;
		height: 120px;
	}
	
	.user-list	.juxing{
		
	} 
</style>